<template>
  <!-- 头部大图片 -->
  <div class="header-img">
    <img
      src="https://yanxuan.nosdn.127.net/0fae504f6958db87ee919c38bac02c9b.png?type=webp&imageView&quality=95&thumbnail=1920x420"
    />
  </div>
</template>

<script>
export default {
  name: "HeaderImg",
};
</script>

<style lang="less" scoped>
.header-img {
  background-color: #f5f5f5;
  width: 100%;
  // margin: 0 auto;
  font-size: 0;
  overflow: hidden;

  img {
    // display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
</style>
